iT邦幫忙

2026 iThome 鐵人賽

DAY 3
0

工欲善其事,專案的底子一定要打好!在正式請 AI 隊友幫忙寫程式之前,我們需要先把 Xcode 的基礎環境與專案架構建立起來。

1. 建立專案與 MVC 架構劃分

打開 Xcode 創建新專案後,第一步切記不要急著寫程式,而是要先做好資料夾的分類。這裡我們採用經典的 MVC(Model-View-Controller) 架構進行管理:

  • Model:存放資料結構(例如:長者測驗數據、遊戲得分紀錄)。
  • View:存放 UI 畫面元件。
  • Controller / ViewModel:處理邏輯與資料傳播。

良好的目錄結構能讓後續 AI 幫我們產生程式碼時,精準定位檔案位置,避免專案變得混亂。

2. 使用 SwiftUI View 快速預覽與檢查

在建立畫面元件時,建議直接使用 SwiftUI View。SwiftUI 的 Canvas 實時預覽功能非常方便,只要 AI 產生出一段畫面代碼,貼上去就能立刻檢查排版與視覺效果,大大縮短了調校 UI 的時間。


3. AI 上場:下達第一個 UI 生成指令

架構與檔案準備好後,就可以打開 GitHub Copilot for Xcode 或是側邊的 AI 對話視窗,開始我們的第一次互動!

💡 實戰 Prompt 範例:

「請幫我用 SwiftUI 撰寫一個『每日簽到與大腦挑戰』主畫面,字體需放大、對比度提高,並包含一個開始遊戲的按鈕與進度條。」

下達指令後,AI 便會自動生成符合需求的 SwiftUI View 程式碼。接著他也會自動幫你寫入程式中,透過 Preview 就能即時看到成果!

明天我們將繼續探索如何透過 AI 快速完成 UI 的細節微調與佈局優化!


上一篇
Day 2 — 我的神隊友裝備庫
系列文
人機協同程式開發實戰:用 AI 輔助開發 Swift 與 Spring Boot,打造屬於自己的程式3
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言